<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mui.min.css">
  	<link rel="stylesheet" type="text/css" href="../css/goods/query.css"/>
  	<link rel="stylesheet" type="text/css" href="../css/iconfont-query/iconfont.css"/>
    <link rel="stylesheet" href="../css/mui.picker.min.css">
    <script type="text/javascript">
        (function () {
            var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
            clientWidth = clientWidth || localStorage.getItem("clientWidth")
            if (clientWidth > 750)
                clientWidth = 750;
            document.documentElement.style.fontSize = clientWidth * 1 / 16 + "px";
        })();
    </script>
    <style>
        html,
        body,
        .mui-content {
            background-color: #ffffff;
        }

        .ptsp_top_stats {
            height: 20px;
            width: 100%;
            background-color: #ffffff;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000;
        }

        .mui-action-back {
            height: 44px;
            width: 44px;
        }

        .mui-action-back img {
            width: 100%;
        }

       

        .mui-content {
            padding-bottom: 100px;
            padding-top: 44px !important;
        }

        .arr_left {
            background-image: url(../images/ptsp/left_arr_03.png);
            background-size: 24px 24px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .mui-title {
            font-size: 0.768rem;
        }

        .mui-bar-nav a {
            font-size: 0.5973rem;
            color: #888888;
            line-height: 44px;
        }
        
        html,body,.mui-content{
        	height: 100%;
        }
    </style>
</head>

<body class="bg_blue">
   
    <header class=" bg_blue mui-bar mui-bar-nav" style="border:none;">
        <a class="mui-action-back mui-icon  mui-pull-left arr_left">
        </a>
        <h1 class="mui-title" style="color: #fff;">机票查询结果</h1>
        <!-- <a class="mui-pull-right" onclick = "buy_car.is_show_del(this)">管理</a> -->
    </header>
    <div class="mui-content bg_gree">
   
 			<div class="air_res_list ">
 				<div class="item"  >
 					 <div class="block">
 					 	<div class="time">
 					 		<span>{{air_info.DepEstimated.split("T")[1]}}</span>
 					 		<p>{{air_info.DepCity}} {{air_info.DepTerminal}}</p>
 					 	</div>
 					 	<div class="time center">
 					 		<p></p>
 					 	</div>
 					 	<div class="time">
 					 		<span>{{air_info.ArrEstimated.split("T")[1]}}</span>
 					 		<p>{{air_info.ArrCity}}{{air_info.ArrTerminal}}</p>
 					 	</div>
 					 </div>
 					 <div class="right">
 					 	<div></div>
 					 	<span>准点率:{{air_info.Rate}}</span>
 					 </div>
 					 <p class="bottom">{{air_info.FlightNo}}  航班状态：{{air_info.FlightState}}</p>
 				</div>
 				
 				 
 				 
 			</div>
 			
 			
    <script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	var app = new Vue({
    		el:'.mui-content',
    		data:{
    			air_info:'',
    		},
    		created:function(){
    			
    			var data = localStorage.getItem("query_air_num_data");
    			data = JSON.parse(data);
    			console.log(data)
    		 
    			get_air_data(data,function(res){
    				console.log(res)
    				app.air_info = res;
    			})
    		},
    		mounted:function(){
    			
    		},
    		methods:{
    			
    		}
    	})
    	
    	
    	
    	function get_air_data(data,callback){
    		$.ajax({
					url:'https://zhapp.4hl.cn/app/Address/fei',
					type:'post',
					data:data,
					success:function(res){
					 
						res = JSON.parse(res)
						if(res){
							
							callback(res)
						}else{
							mui.toast("出错了")
						}
						
					},
					error:function(err){
						mui.toast("网络错误")
						console.log(JSON.stringify(err))
					}
				})
				
    	}
    </script>
    </div>
</body>

</html>